<template>
  <div class="finance">
    <div class="bgcolor"></div>
    <h4 class="title">--白条福利--</h4>
    <div class="finance-item" v-for="(item,index) of list" :key="index">
      <img :src="item.imgUrl" alt="">
      <div class="item-des">
        <h4>{{item.title}}</h4>
        <p>{{item.desction}}</p>
      </div>
      <router-link :to="{name:item.href}" tag="em">{{item.text}}&nbsp;></router-link>
    </div>
  </div>
</template>

<script>
export default {
  name: 'moneyFinance',
  data () {
    return {
      list: [{
        href: 'home',
        imgUrl: '//img12.360buyimg.com/jrpmobile/jfs/t4378/62/155957680/9017/16463551/58affd58Nb5c9198e.jpg?width=120&height=120',
        title: '开通白条',
        desction: '送188元礼包',
        text: '立即开通'
      }, {
        href: 'home',
        imgUrl: '//img12.360buyimg.com/jrpmobile/jfs/t4150/330/141981421/9147/604e3e04/58affc3bNbfa8f9d7.jpg?width=120&height=120',
        title: '白条闪付',
        desction: '新手享158元礼包',
        text: '随机立减'
      }, {
        href: 'home',
        imgUrl: '//img12.360buyimg.com/jrpmobile/jfs/t4270/96/1102370053/8651/58b7fa5a/58bd2e10N453e9464.jpg?width=120&height=120',
        title: '白条提额',
        desction: '金融app专享提额礼包',
        text: '去提额'
      }]
    }
  }
}
</script>

<style lang="stylus" scoped>
  @import '../../assets/css/varibles.styl'
  @import '../../assets/css/mixins.styl'
  .bgcolor
    pdTop()
  .title
    jdTitle()
  .finance-item
    display:flex
    height:1.4rem
    align-items: center
    line-height:1.6
    border-bottom: .02rem solid #ddd
  .finance-item:last-child
    border-bottom:none
  img
    width:.88rem
    height:.88rem
    margin: 0 .31rem
  .item-des
    flex:1
    color:#333
  h4
    ellipse()
    font-weight:bold
  p
    color:#999
    ellipse()
  em
    margin-right:.1rem
    color: #FF801A
</style>
